<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/reply.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/system/travelfilter.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>
</head>

<body>
<#assign currentNav="destination">
<#include "../common/navbar.ftl">

<div class="container">


    <div class="row row-placeTop" data-cs-p="面包屑">
        <div class="wrapper">
            <link href="http://css.mafengwo.net/css/cv/css+mdd+place-crumb:css+mdd+place-navbar^Z1U^1559788120.css"
                  rel="stylesheet" type="text/css">
            <script language="javascript" src="http://js.mafengwo.net/js/hotel/sign/index.js?1552035728"
                    type="text/javascript" crossorigin="anonymous"></script>
            <link href="http://css.mafengwo.net/css/mdd/place-crumb.css?1530619858" rel="stylesheet" type="text/css">

            <#--面包屑-->
            <#include "../common/toastPoi.ftl"/>
            <script language="JavaScript" type="text/javascript">
                $(function () {
                    //面包屑
                    $('.drop').mouseenter(function (ev) {
                        var target = $(ev.currentTarget);
                        clearTimeout(target.data('hideTimer'));
                        target.addClass('open');
                        target.children('bd').fadeIn(200);
                    });
                    $('.drop').mouseleave(function (ev) {
                        var target = $(ev.currentTarget);
                        target.data("hideTimer", setTimeout(function () {
                            target.removeClass('open');
                            target.children('bd').fadeOut(200);
                        }, 200));
                    });
                });
            </script>

            <div class="place-navbar" id="_j_mdd_place_nav_bar_warper" style="border-top: 0;" data-cs-t="目的地导航">
                <div class="navbar-con">
                    <ul class="navbar clearfix navbar-first-level-warper">
                        <li class="navbar-overview">
                            <a class="navbar-btn" href="/" data-cs-p="首页">
                                <i class="navbar-icon"></i><span>首页</span>

                            </a>
                        </li>
                        <#-- <li class="navbar-line">
                             <a class="navbar-btn" href="/mdd/route/10088.html" data-cs-p="行程线路">
                                 <i class="navbar-icon"></i><span>行程线路</span>

                             </a>
                         </li>-->
                        <li class="navbar-scenic">
                            <a class="navbar-btn" href="#" data-cs-p="景点">
                                <i class="navbar-icon"></i><span>景点</span>

                            </a>
                        </li>
                        <#-- <li class="navbar-hotels">
                             <a class="navbar-btn" href="/hotel/10088/?sFrom=mdd" data-cs-p="酒店">
                                 <i class="navbar-icon"></i><span>酒店</span>

                             </a>
                         </li>-->
                        <li class="navbar-flight">
                            <a class="navbar-btn" href="/flight/" target="_blank" data-cs-p="机票">
                                <i class="navbar-icon"></i><span>机票</span>

                            </a>
                        </li>

                    </ul>
                </div>
            </div>
            <div id="fill_area" style="height: 75px; display: none;"></div>

        </div>
    </div>


    <div class="row row-summary row-bg">
        <div class="wrapper">
            <h2 class="title">景点概况</h2>
            <div>
                <span style="">${(scenic.summary!)}</span>
            </div>
        </div>

    </div>
    <br>
    <br>


    <div class="row row-top5" data-cs-p="必游景点">
        <div class="wrapper">
            <h2 class="title">必游景点TOP5</h2>
            <#list scenicDetails  as s>
                <div class="item clearfix">
                    <div class="info">
                        <div class="middle">
                            <h3>
                                <span class="num">${s_index+1}</span>
                                <a href="/scenic/detail?id=${s.id!}" target="_blank" title="${s.name}">${s.name}
                                </a>
                                <a href="/scenic/detail?id=${s.id!}#commentlist" target="_blank" title="${s.name}">
                                    <span class="rev-total"><em>${s.replyNum!}</em> 条点评</span>
                                </a>
                            </h3>
                            <p>${s.title!}</p>
                            <#if s.children??>
                            <div class="links">这里还包含景点：
                                <#list s.children as child>
                                    <a href="/scenic/detail?id=${child.id!}" target="_blank">${child.name!}</a>
                                </#list>
                            </div>
                        </div>
                        </#if>
                    </div>
                    <div class="pic">
                        <a href="/scenic/detail?id=${s.id!}" target="_blank" title="${s.name!}">
                            <div class="large">
                                <img src="${(s.coverUrls[0])!}" width="380" height="270">
                            </div>
                            <div>
                                <img src="${(s.coverUrls[1])!}" width="185" height="130">
                            </div>
                            <div>
                                <img src="${(s.coverUrls[2])!}" width="185" height="130">
                            </div>
                        </a>
                    </div>
                </div>
            </#list>
        </div>
    </div>
    <Br>
    <Br>


    <div class="row row-hotScenic row-bg" data-cs-p="热门景点">
        <div class="wrapper">
            <h2 class="title">热门景点</h2>
            <div class="bd">

                <#assign types=[1,2,3,2,3,2,3,1,2,3]>
                <#list hotScenics as hotScenic>
                    <#if types[hotScenic_index]==1>
                        <div class="grid grid-two">
                            <div class="figure">
                                <a href="/scenic/detail?id=${hotScenic.id}" target="_blank" title="${hotScenic.name}">
                                    <img src="${hotScenic.coverUrls[0]!}"
                                         width="485" height="320">
                                    <h3 class="title">${hotScenic.name}</h3>
                                    <div class="mask-container">
                                        <div class="mask">
                                            <div class="middle">
                                                <h3>${hotScenic.name}</h3>
                                                <p>${hotScenic.title!}</p>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </#if>
                    <#if types[hotScenic_index]==2>
                        <div class="grid">
                        <div class="figure">
                            <a href="/scenic/detail?id=${hotScenic.id}" target="_blank" title="${hotScenic.name}">
                                <img src="${hotScenic.coverUrls[0]!}"
                                     width="242" height="155">
                                <h3 class="title">${hotScenic.name}</h3>
                                <div class="mask-container">
                                    <div class="mask">
                                        <div class="middle">
                                            <h3>${hotScenic.name}</h3>
                                            <p>${hotScenic.title!}</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </#if>
                    <#if types[hotScenic_index]==3>
                        <div class="figure">
                            <a href="/scenic/detail?id=${hotScenic.id}" target="_blank" title="${hotScenic.name}">
                                <img src="${hotScenic.coverUrls[0]!}"
                                     width="242" height="155">
                                <h3 class="title">${hotScenic.name}</h3>
                                <div class="mask-container">
                                    <div class="mask">
                                        <div class="middle">
                                            <h3>${hotScenic.name}</h3>
                                            <p>${hotScenic.title!}</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                        </div>
                    </#if>
                </#list>
            </div>
        </div>
    </div>


    <div class="row row-allScenic" data-cs-p="全部景点">
        <div class="wrapper">
            <h2 class="title">
                ${dest.name!}全部景点
                <a class="btn-add" href="/poi/add.php?iId=10088" target="_blank" title="推荐新的景点"><i>+</i>推荐新的景点</a>
            </h2>
            <ul class="nav clearfix">
                <li class="scenicTheme on" data-themeid="-1"><a title="全部景点">全部景点</a></li>
                <#list themes as theme>
                    <li class="scenicTheme" data-themeid="${theme.id}"><a title="${theme.name}">${theme.name}</a></li>
                </#list>
            </ul>
            <div class="bd">
                <ul class="scenic-list clearfix">

                </ul>
            </div>
        </div>
    </div>

    <form action="/scenic/searchPage" method="post" id="searchForm">
        <input type="hidden" name="currentPage" id="currentPage" value="1">
        <input type="hidden" name="themeId" id="themeId" value="-1">
        <input type="hidden" name="destId" id="destId" value="${scenic.destId!}">
    </form>


    <script>
        $(function () {
            $("#searchForm").ajaxForm(function (data) {
                $(".scenic-list").html(data);
            })
            $("#searchForm").submit();


            $(".scenicTheme").click(function () {
                var themeId = $(this).data("themeid");
                $(".scenicTheme").removeClass("on");
                $(this).addClass("on");

                if (themeId) {
                    $("#themeId").val(themeId);
                }
                console.log(themeId);
                $("#currentPage").val(1);
                $("#searchForm").submit();
            })

        })
    </script>


</div>
<#include "../common/footer.ftl"/>
<div class="mfw-toolbar" id="_j_mfwtoolbar" style="display: block;">
    <div class="toolbar-item-top" style="display: none;">
        <a role="button" class="btn _j_gotop">
            <i class="icon_top"></i>
            <em>返回顶部</em>
        </a>
    </div>
    <div class="toolbar-item-feedback">
        <a role="button" data-japp="feedback" class="btn">
            <i class="icon_feedback"></i>
            <em>意见反馈</em>
        </a>
    </div>
    <div class="toolbar-item-code">
        <a role="button" class="btn">
            <i class="icon_code"></i>
        </a>
        <a role="button" class="mfw-code _j_code">


            <img src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90"
                 width="450" height="192">
        </a>
        <!--<div class="wx-official-pop"><img src="http://images.mafengwo.net/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
    </div>

</div>
</body>

</html>